<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主界面</title>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
</head>
<body>
<img src="images/2.jpg" alt="">
<!--登录面板-->
<div class="login-panel panel">
    <h1 class="panel-header ">
        学生管理系统
    </h1>
    <div class="panel-middle">
        <form action="#" class="form">
            <table >
                <tr>
                    <td class="td_left">用户名</td>
                    <td class="td_right"><input type="text" name="username" id="login_username" placeholder="请输入用户名"><i class="iconfont icon-ren-"></i></td>
                </tr>
                <tr>
                    <td class="td_left">密码</td>
                    <td class="td_right"><input type="password" name="password" id="login_password"  placeholder="请输入密码"><i class="iconfont icon-suo"></i></td>
                </tr>
                <tr>
                    <td colspan="2" align="center"><input type="submit" name="submit" class="submit-btn panel-btn" value="登录"></td>
                </tr>
            </table>
        </form>
    </div>
    <div class="panel-footer">
        <span class="toRegister"><a href="#">注册</a></span>
        ||
        <span class="forgetPassword"><a href="#">忘记密码</a></span>
    </div>
</div>
<!--注册面板-->
<div class="register-panel panel">
    <h1 class="panel-header ">欢迎注册</h1>
    <div class="panel-middle register-middle">
        <form action="#" class="form">
            <table >
                <tr>
                    <td class="td_left">用户名</td>
                    <td class="td_right"><input type="text" name="username" id="register_username" placeholder="请输入6-12位用户名"></td>
                    <td><span id="s_username" class="error"></span></td>
                </tr>
                <tr>
                    <td class="td_left">密码</td>
                    <td class="td_right"><input type="password" name="password" id="register_password1" placeholder="请输入密码"></td>
                    <td><span id="s_password1" class="error"></span></td>
                </tr>
                <tr>
                    <td class="td_left">确认密码</td>
                    <td class="td_right"><input type="password" name="password" id="register_password2"  placeholder="请再次输入密码"></td>
                    <td><span id="s_password2" class="error"></span></td>
                </tr>
                <tr>
                    <td colspan="2" align="center"><input type="submit" name="submit" class="register-btn panel-btn" value="注册"></td>
                    <td><span id="s_btn" class="error1"></span></td>
                </tr>

            </table>
        </form>
    </div>
    <div class="register-footer">
        <a href="#">返回登录</a>
    </div>

</div>
<!--修改密码面板-->
<div class="updatePassword-panel panel">
    <h1 class="panel-header ">重置密码</h1>
    <div class="panel-middle updatePassword-middle">
        <form action="#" class="form">
            <table >
                <tr>
                    <td class="td_left">用户名</td>
                    <td class="td_right"><input type="text" name="username" id="update_username" placeholder="请输入用户名"></td>
                    <td><span id="s_updateName" class="error"></span></td>
                </tr>
                <tr>
                    <td class="td_left">密码</td>
                    <td class="td_right"><input type="password" name="password" id="update_password1" placeholder="请输入密码"></td>
                </tr>
                <tr>
                    <td class="td_left">确认密码</td>
                    <td class="td_right"><input type="password" name="password" id="update_password2"  placeholder="请再次输入密码"></td>
                    <td><span id="s_UpdatePassword" class="error"></span></td>
                </tr>
                <tr>
                    <td colspan="2" align="center"><input type="submit" name="submit" class="update-btn panel-btn" value="确定"></td>
                    <td><span id="s_update" class="error1"></span></td>
                </tr>
            </table>
        </form>

    </div>
    <div class="update-footer">
        <a href="#">返回登录</a>
    </div>

</div>


</body>
</html>